<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Task1</title>
</head>
<body>
    <style>
        *{
            padding: 0%;
            margin: 0%;
        }

        .tab{
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 30px;
            font-weight: 900;
        }

        table{
            border-collapse: collapse;
        }

        td{
            border:1px solid rgb(130,100,221);
            padding: 1px 10px;
        }
    </style>
    <header>
        <h1 style="text-align: center;margin-top: 30px;">第十八届中国国际广告节会议注册表</h1>
        <div class="tab">
            <form action="">
                <table width="900px" height="450px" border="1">
                    <tr>
                        <td style="text-align: center;width: 150px;">参赛者姓名</td>
                        <td colspan="3" style="width: 300px;"><input type="text" style="width: 175px;margin-left: 3px;"></td>
                        <td style="text-align: center;width: 100px;">职务</td>
                        <td ><input type="text" style="width: 175px;margin-left: 3px;"></td>
                    </tr>
                    <tr>
                        <td style="text-align: center;">工作单位</td>
                        <td colspan="5"><input type="text" style="width: 600px;margin-left: 3px;"></td>
                    </tr>
                    <tr>
                        <td style="text-align: center;">电话</td>
                        <td><input type="text" style="width: 150px;margin-left: 3px;"></td>
                        <td style="text-align: center;">传真</td>
                        <td><input type="text" style="width: 100px;margin-left: 3px;"></td>
                        <td style="text-align: center;">手机</td>
                        <td><input type="text" style="width: 100px;margin-left: 3px;"></td>
                    </tr>
                    <tr>
                        <td style="text-align: center;">通讯地址</td>
                        <td colspan="3"><input type="text" style="width: 400px;margin-left: 3px;"></td>
                        <td style="text-align: center;">邮编</td>
                        <td><input type="text" style="width: 100px;margin-left: 3px;"></td>
                    </tr>
                    <tr>
                        <td style="text-align: center;">E-mail</td>
                        <td colspan="3"><input type="text" style="width: 300px;margin-left: 3px;"></td>
                        <td style="text-align: center;">国家</td>
                        <td><select name="country" size="1" autofocus style="width: 70%; margin-left: 3px;"><option value="c1">中国</option><option value="c2">美国</option><option value="c3">英国</option><option value="c4">日本</option><option value="c5">韩国</option></select></td>
                    </tr>
                    <tr>
                        <td style="text-align: center;">省份</td>
                        <td colspan="3"><select name="shengfen" size="1" autofocus style="width: 200px; margin-left: 3px"><option value="c0" hidden>请选择</option><option value="c1">北京</option><option value="c2">湖北</option><option value="c3">湖南</option><option value="c4">河北</option><option value="c5">河南</option></select></td>
                        <td style="text-align:center">城市</td>
                        <td><input type="text" name="city"></td>
                    </tr>
                    <tr style="height: 60px;">
                        <td colspan="6" style="text-align: center;">会议费标准(人民币)</td>
                    </tr>
                    <tr>
                        <td colspan="2" style="text-align: center;">身份/时间</td>
                        <td colspan="2" style="text-align: center;">2011年9月20日之前注册</td>
                        <td colspan="2" style="text-align: center;">2011年9月20日之后注册</td>
                    </tr>
                    <tr>
                        <td colspan="2" style="text-align: center;">中广协会员</td>
                        <td colspan="2" style="text-align: center;"><input type="radio" name="0">1500元</td>
                        <td colspan="2" style="text-align: center;"><input type="radio" name="0">1800元</td>
                    </tr>
                    <tr>
                        <td colspan="2" style="text-align: center;">中广协会员</td>
                        <td colspan="2" style="text-align: center;"><input type="radio" name="0">1800元</td>
                        <td colspan="2" style="text-align: center;"><input type="radio" name="0">2000元</td>
                    </tr>
                    <tr>
                        <td align="center" colspan="6">
                        <input style="background-color: rgb(153,255,204);padding:5px 20px;border-radius: 5px;" type="submit" name="submit" value="提交" onclick="alert('提交成功！')">
                        <input style="background-color: rgb(153,255,204);padding:5px 20px;border-radius: 5px;" type="reset" name="submit" value="重置" onclick="alert('已重置')">
                        <br>
                        <a href="#" title="下载" onclick="alert('下载失败，请勿重试')">第十八届中国国际广告节注册表下载</a>
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </header>
</body>
</html>